<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'

</script>

<template>

  <nav>      
      <RouterLink to="/:index">首页</RouterLink>
      <div></div>
      <RouterLink to="/1/1" >个人简历</RouterLink>
      <div></div>
      <RouterLink to="/list" >list</RouterLink>
    </nav>

   
    <main>
        <RouterView/>
    </main>
</template>

<style scoped>
body,html {
    width: 100%;
    height: 100%;
    background-color: aliceblue;

}

main {
    position: relative;
    width: 220px;
    left: 45%;
    /* padding: 0px; */
    height: 500px;
    border: 1px solid black;
}
nav{
    margin: 0px solid  ;
    padding: 0px;
    border: 0px;
    position: fixed;
    background-color: white;
    width: 110px;
    height: 100%; ;
    transition: all 0.3s ease;
}
nav:hover{
    width: 140px;
}
a{
    text-decoration: none;
}

</style>
